import React,{Component} from "react";
import {NavLink} from "react-router-dom";
export default class Navigator extends Component{
    render() {
        return(
                <div>
                <nav className="navbar navbar-default homenav">
                    <div className="navbar-header">
                        <NavLink activeClassName="activenav" className="navbar-brand" to="/">首页</NavLink>
                    </div>
                    <div className="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    <ul className="nav navbar-nav">
                        <li ><NavLink activeClassName="activenav" to="/product">产品中心</NavLink></li>
                    </ul>
                    <ul className="nav navbar-nav navbar-right">
                        <li><NavLink activeClassName="activenav" to="/about">关于我们</NavLink></li>
                        <li><NavLink activeClassName="activenav" to="/carts">购物车</NavLink></li>
                        <li><NavLink activeClassName="activenav" to="/counter">Counter</NavLink></li>  
                    </ul>
                    </div>
                </nav>
            </div>
        )
    }
}